{* 此模板中包含了魔法表情/分页等dom，需要保留以后开发 *}
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<link href="../css/weiboface.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="weiboface">
    <div class="weiboface-face-bg">
    <div id="weiboface-face-arrow"></div>
    <div id="weiboface-face-close"></div>
    <div class="weiboface-face-title">
        <a href="#" class="weiboface-face-active"><span>常用表情</span></a>
        <a href="#" class="weiboface-face-normal"><span>魔法表情</span></a>
    </div>
    <!--start:常用表情-->
    <div class="weiboface-facebox">
        <div class="weiboface-facebox-title weiboface-clearfix">
            <span class="weiboface-facebox-btn weiboface-right">
                <a href="#" class="weiboface-facebox-btn-page" id="weiboface-category-prev"><span><em class="weiboface-btn-prev"></em></span></a>
                <a href="#" class="weiboface-facebox-btn-page" id="weiboface-category-next" ><span><em class="weiboface-btn-next"></em></span></a>
            </span>
            <ul class="weiboface-facebox-tab weiboface-left">
                <li class="weiboface-current">默认</li>
                <li>圣诞新年</li>
                <li>浪小花</li>
                <li>摩丝摩丝</li>
                <li>癫当</li>
            </ul>
        </div>
        <div class="weiboface-facebox-detail">
            <ul class="weiboface-faces-list weiboface-faces-list-hot weiboface-clearfix">
                <li><img src="img.gif" width="22" height="22"></li>
            </ul>
            <ul class="weiboface-faces-list weiboface-clearfix">
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>
                <li><img src="img.gif" width="22" height="22"></li>

            </ul>
            <div class="weiboface-facebox-page">
                <a href="#" class="weiboface-current">1</a>
                <a href="#">2</a>
            </div>
        </div>
    </div>
    <!--end:常用表情-->
    <!--start:魔法表情-->
    <div class="weiboface-facebox weiboface-hidden">
        <div class="weiboface-facebox-title weiboface-clearfix">
            <span class="weiboface-facebox-btn weiboface-right">
                <a href="#" class="weiboface-facebox-btn-page"><span><em class="weiboface-btn-prev"></em></span></a>
                <a href="#" class="weiboface-facebox-btn-page"><span><em class="weiboface-btn-next"></em></span></a>
            </span>
            <ul class="weiboface-facebox-tab weiboface-left">
                <li class="weiboface-current">默认</li>
                <li>心情</li>
                <li>搞怪</li>
                <li>浪漫爱情</li>
                <li>时尚</li>
            </ul>
        </div>
        <div class="weiboface-facebox-detail">
            <ul class="weiboface-faces-magic-list weiboface-clearfix">
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
                <li><a href="#" class="img"><img src="gaobai.gif" width="56" height="56"></a><a href="#" class="weiboface-magic-icon"></a><span>告白</span></li>
            </ul>     
            <div class="weiboface-facebox-page">
                <a href="#" class="weiboface-current">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
            </div>
        </div>
    </div>
    <!--end:魔法表情-->
    </div>
    
</div>
</body>
</html>